
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>手机app通用模板返利购物商城开通会员模板</title>
	<meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
	<link rel="stylesheet" type="text/css" href="../css/stylea.css" />


</head>
<body>


<!-- 	<header class="aui-navBar aui-navBar-fixed">
		<a href="javascript:;" class="aui-navBar-item">
			<i class="icon icon-return"></i>
		</a>
		<div class="aui-center">
			<span class="aui-center-title">开通会员</span>
		</div>
		<a href="javascript:;" class="aui-navBar-item" >
			<i class="icon icon-sys"></i>
		</a>
	</header> -->

		<div class="aui-member-head">
			<div class="aui-flex">
				<div class="aui-flex-user">
					<img src="../image/logo.png" alt="">
				</div>
				<div class="aui-flex-box aui-flex-box-top">
					<h2>看官大人 <em>开通会员</em></h2>
				</div>
			</div>
			<div class="aui-member-box">
				<h1>
					<img src="../images/title.png" alt="">
				</h1>
				<div class="aui-palace">
					<a href="#" class="aui-palace-grid">
						<div class="aui-palace-grid-icon">
							<img src="../images/icon-nav-001.png" alt="">
						</div>
						<div class="aui-palace-grid-text">
							<h2>高清资源</h2>
							<p>免费观看</p>
						</div>
					</a>
					<a href="#" class="aui-palace-grid">
						<div class="aui-palace-grid-icon">
							<img src="../images/icon-nav-002.png" alt="">
						</div>
						<div class="aui-palace-grid-text">
							<h2>开通会员</h2>
							<p>不受观看限制</p>
						</div>
					</a>
					<a href="#" class="aui-palace-grid">
						<div class="aui-palace-grid-icon">
							<img src="../images/icon-nav-003.png" alt="">
						</div>
						<div class="aui-palace-grid-text">
							<h2>视频大片</h2>
							<p>饱足眼球</p>
						</div>
					</a>
					<a href="#" class="aui-palace-grid">
						<div class="aui-palace-grid-icon">
							<img src="../images/icon-nav-004.png" alt="">
						</div>
						<div class="aui-palace-grid-text">
							<h2>客服优先</h2>
						</div>
					</a>
					<a href="#" class="aui-palace-grid">
						<div class="aui-palace-grid-icon">
							<img src="../images/icon-nav-005.png" alt="">
						</div>
						<div class="aui-palace-grid-text">
							<h2>激情视频</h2>
						</div>
					</a>
					<a href="#" class="aui-palace-grid">
						<div class="aui-palace-grid-icon">
							<img src="../images/icon-nav-001.png" alt="">
						</div>
						<div class="aui-palace-grid-text">
							<h2>VIP资源</h2>
						</div>
					</a>
				</div>

			</div>
		</div>

		<div class="aui-flex">
			<div class="aui-flex-box">
				<h2> <i class="icon icon-member"></i> 开通VIP会员</h2>
			</div>
		</div>
		<div  id="jiage">
		<div class="aui-flex-member-list" class="vip_gou_1" onclick="openUrl1()">
			<ul class="aui-cho-box"id="price1">
				<li class="aui-flex on">
					<div class="aui-flex-time">
						<h1>月卡</h1>
					</div>
					<div class="aui-flex-box">
						<h2>原价 <em>￥98</em></h2>
					</div>
					<div class="aui-flex-tag" id="price1">
						<h2><em>购买</em> </h2>
					</div>
				</li>


				<li class="aui-flex" onclick="openUrl2()">
					<div class="aui-flex-time"onclick="openUrl2()">
						<h1>季度卡</h1>
					</div>
					<div class="aui-flex-box" id="price2">
						<h2>原价 <em>168</em></h2>
					</div>
					<div class="aui-flex-tag">
						<h2><em>购买</em></h2>
					</div>
				</li>
				<li class="aui-flex" onclick="openUrl3()">
					<div class="aui-flex-time" onclick="openUrl3()">
						<h1>年卡</h1>
					</div>
					<div class="aui-flex-box" id="price3">
						<h2>原价 <em>398</em></h2>
					</div>
					<div class="aui-flex-tag">
						<h2><em>购买</em> </h2>
					</div>
				</li>
				<li class="aui-flex"onclick="openUrl4()">
					<div class="aui-flex-time"onclick="openUrl4()">
						<h1>永久卡</h1>
					</div>
					<div class="aui-flex-box"id="price4">
					<h2>原价 <em>888</em></h2>
						</div>
						<div class="aui-flex-tag">
							<h2><em>购买</em> </h2>
						</div>



<!-- 				<li class="aui-flex">
					<div class="aui-flex-time">
						<h1>试用15天 3单</h1>
					</div>
					<div class="aui-flex-box">
					</div>
					<div>
						<h2>￥5</h2>
					</div> -->
				</li>

</section>
	</body>

			<h3><i class="icon icon-info"></i> 邀请好友达到系统要求人数也可以获取观看次数哦</h3>
		</div>
		<div class="aui-member-get" onclick="copySet()">
			<button>复制下载链接</button>
		</div>
		<div class="aui-flex">
			<div class="aui-flex-box">
				<h3>推广小技巧 <em>≈无限观看</em></h3>
			</div>
		</div>

		<div class="aui-list-box">
			<a href="#" class="aui-flex">
				<div class="aui-flex-box">
					<h5>成功推广1人</h5>
				</div>
				<div class="aui-flex-text">
					<p>免费增加 <em>10次观看次数</em></p>
				</div>
			</a>
			<a href="#" class="aui-flex">
				<div class="aui-flex-box">
					<h5>成功推广3人</h5>
				</div>
				<div class="aui-flex-text">
				<p>免费增加 <em>20次观看次数</em></p>
				</div>
			</a>
			<a href="#" class="aui-flex">
				<div class="aui-flex-box">
					<h5>成功推广8人</h5>
				</div>
				<div class="aui-flex-text">
				<p>免费增加 <em>30次观看次数</em></p>
				</div>
			</a>
			<a href="#" class="aui-flex">
				<div class="aui-flex-box">
					<h5>成功推广15人</h5>
				</div>
				<div class="aui-flex-text">
				<p>免费增加 <em>40次观看次数</em></p>
				</div>
		</div>

	</section>
</section>
</body>
<script type="text/javascript" src="../js/jquery.min.js"></script>
<script type="text/javascript">
	$(document).ready(function(e) {
		$(".aui-cho-box li").click(function() {

			$(this).addClass("on").siblings().removeClass("on");
			tola();
		});

	});

	function tola() {
		var $li = $(".aui-cho-box").children("li.on");
		var money = $li.children("i").text();
		var count = $(".auiSks").val();
		$(".aui-total span").text(money * count);
	}

	   var api_url = localStorage.getItem('api_url');
	      apiready = function() {
			price1.innerHTML = localStorage.getItem('yue')+'元';
			price2.innerHTML = localStorage.getItem('ji')+'元';
			price3.innerHTML = localStorage.getItem('nian')+'元';
			price4.innerHTML = localStorage.getItem('yong')+'元';
			weichat.innerHTML = '专属客服：'+localStorage.getItem('phone');

		  }

	   function openUrl1(){
	      if (localStorage.getItem('ustatus')==2){
	       if (localStorage.getItem('durl1')==1){

				keFu();
				return;
			 }else{
			   openApp(localStorage.getItem('durl1'));
			 }
	      }else {
	        openApp(localStorage.getItem('url1'));
	      }
	    }
		function openUrl2(){
	      if (localStorage.getItem('ustatus')==2){
	       if (localStorage.getItem('durl2')==1){


				 keFu();
				return;
			 }else{
			  openApp(localStorage.getItem('durl2'));
			 }
	      }else {
	        openApp(localStorage.getItem('url2'));
	      }
	    }
		function openUrl3(){
	      if (localStorage.getItem('ustatus')==2){
	       if (localStorage.getItem('durl3')==1){


				  keFu();
				return;
			 }else{
			 openApp(localStorage.getItem('durl3'));
			 }
	      }else {
	        openApp(localStorage.getItem('url3'));
	      }
	    }

		function openUrl4(){
	      if (localStorage.getItem('ustatus')==2){
	       if (localStorage.getItem('durl4')==1){
	 keFu();
				return;

			 }else{

				openApp(localStorage.getItem('durl4'));
			 }
	      }else {
	        openApp(localStorage.getItem('url4'));
	      }
	    }
		function openApp(url){
					if(api.systemType == 'android'){
						api.openApp({
							androidPkg: 'android.intent.action.VIEW',
							mimeType: 'text/html',
							uri: url
						}, function(ret, err) {});
					}else{
						api.openApp({
							iosUrl: url
					   });
					}
				}


				 function keFu(){
	      var dialogBox = api.require('dialogBox');
	      dialogBox.alert({
	          texts: {
	              content: '请联系客服：'+localStorage.getItem('phone'),
	              leftBtnTitle: '知道了',
	              rightBtnTitle: '联系客服'
	          },
	          styles: {
	              bg: '#fff',
	              w: 300,
	              title:{                //（可选项）JSON对象；弹窗标题栏样式配置，不传则不显示标题区域
	                  marginT: 20,       //（可选项）数字类型；标题栏与对话框顶端间距；默认：20
	                  icon: 'widget://image/app/molisos.png',          //（可选项）字符串类型；标题前面的图标路径，要求本地路径（widget://、fs://）；图片为正方形的，如：50*50、100*100，建议开发者传大小合适的图片以适配高分辨率手机屏幕，不传则不显示
	                  iconSize: 80,      //（可选项）数字类型；icon 图标边长大小,若 icon 不存在则此参数无效；默认：24
	                  titleSize: 14,     //（可选项）数字类型；标题字体大小；默认：14
	                  titleColor: '#000' //（可选项）字符串类型；标题字体颜色，支持#、rgb、rgba；默认：#fff
	              },
	              content: {
	                  color: '#000',
	                  size: 16
	              },
	              left:{                 //（可选项）JSON 对象；左边按钮样式配置，不传则不显示左边按钮
	                  marginB: 30,        //（可选项）数字类型；左边按钮的下边距；默认：7
	                  marginL: 30,       //（可选项）数字类型；左边按钮的左边距；默认：20
	                  w: 100,            //（可选项）数字类型；左边按钮的宽；默认：130
	                  h: 40,             //（可选项）数字类型；左边按钮的高；默认：35
	                  corner: 10,         //（可选项）数字类型；左边按钮圆角半径；默认：0.0
	                  bg: '#3d3d3d',        //（可选项）字符串类型；左边按钮的背景，支持rgb、rgba、#、img；默认：'#e0e'
	                  color: '#fff',  //（可选项）字符串类型；左边按钮标题字体颜色，支持rgb，rgba、#；默认：'#007FFF'
	                  size: 12           //（可选项）数字类型；左边按钮标题字体大小；默认：12
	              },
	              right: {               //（可选项）JSON 对象；右边按钮样式配置，不传则不显示右边按钮
	                  marginB: 30,        //（可选项）数字类型；右边按钮的下边距；默认：7
	                  marginL: 40,      //（可选项）数字类型；右边按钮左边距；默认：10
	                  w: 100,            //（可选项）数字类型；右边按钮的宽；默认：130
	                  h: 40,             //（可选项）数字类型；右边按钮的高；默认：35
	                  corner: 10,         //（可选项）数字类型；右边按钮圆角半径；默认：0.0
	                  bg: '#ff0103',        //（可选项）字符串类型；右边按钮的背景，支持rgb、rgba、#、img；默认：'#e0e'
	                  color: '#fff',  //（可选项）字符串类型；右边按钮标题字体颜色，支持rgb、rgba、#；默认：'#007FFF'
	                  size: 12           //（可选项）数字类型；右边按钮标题字体大小；默认：12
	              }
	          }
	      }, function(ret) {
	          if (ret.eventType == 'left') {
	              var dialogBox = api.require('dialogBox');
	              dialogBox.close({
	                  dialogName: 'alert'
	              });
	          }else if (ret.eventType == 'right') {
	            var clipBoard = api.require('clipBoard');
	            clipBoard.set({
	                value: localStorage.getItem('user_weichat')
	            }, function(ret, err) {
	                if (ret) {
	                  api.toast({
	                      msg: '已复制号码到剪切板',
	                      duration: 2000
	                  });
	                  var dialogBox = api.require('dialogBox');
	                  dialogBox.close({
	                      dialogName: 'alert'
	                  });
	                } else {

	                }
	            });
	          }
	      });
	    }


  var api_url = localStorage.getItem('api_url');

    apiready = function(){

   	//var yao = $api.byId('yao');


  		//yao.innerHTML = localStorage.getItem('share');



    }


  //////////复制分享链接 //////////
    function copySet(){
      var clipBoard = api.require('clipBoard');
  	  clipBoard.set({
  			value:'成人福利视频APP，复制链接浏览器下载'+localStorage.getItem('xiazai')+'记得绑定我的邀请码：'+localStorage.getItem('share')
  	  }, function(ret, err) {
  		  if (ret) {
  			api.toast({
  				msg: '已复制到剪切板',
  				duration: 2000
  			});
  		  } else {

  		  }
  	  });
  	}

</script>
</html>
